$font-size-s: 12px;
$font-size: 14px;
$font-size-m: 16px;
$font-size-l: 18px;

//主色：主要品牌颜色是鲜艳、友好的蓝色。
$brand-color: #409eff;
//辅助色：除了主色外的场景色，需要在不同的场景中使用（例如危险色表示危险的操作）。
$success-color: #67c23a;
$warning-color: #e6a23c;
$danger-color: #f56c6c;
$info-color: #909399;
$red-color: #ff0000;
$blue-1: #a0cfff;
$blue-2: #8cc5ff;
$blue-3: #79bbff;
$blue-4: #66b1ff;
$blue-5: #53a8ff;
$blue-light: #ecf5ff;

//中性色：用于文本、背景和边框颜色。通过运用不同的中性色，来表现层次结构。
$font-color-1: #303133; //主要文字
$font-color-2: #606266; //常规文字 主体content中label文本标签颜色
$font-color-3: #909399; //次要文字
$font-color-4: #c0c4cc; //占位文字
$border-color-1: #dcdfe6; //一级边框
$border-color-2: #e4e7ed; //二级边框, 主体cotent中二级的内部边框
$border-color-3: #ebeef5; //三级边框，主体cotent中三级般的内部边框
$border-color-4: #f2f6fc; //四级边框

$border-color-dark: #606266; //深色边框

$base-black: #000000; //基础黑色
$base-white: #ffffff; //基础白色

$bg-white: #ffffff; //白色背景
$bg-gray: #f1f2f6; //灰色背景
$bg-disable: #fcfcfc; //禁用背景
$bg-content: #f2f2f2; //主界面背景
$bg-ligth: #f5f7fa; //表头背景
$bg-dark-1: #545c64; //深主题背景1
$bg-dark-2: #434a50; //深主题背景2
$bg-dark-3: #303133; //深主题背景2
$bg-blug: #8cc5ff; //深主题背景2

$base-shadow: 0 2px 4px rgba(0, 0, 0, 0.12),
  0 0 6px rgba(0, 0, 0, 0.04);
$light-shadow: 0 2px 4px rgba(0, 0, 0, 0.12),
  0 0 6px rgba(0, 0, 0, 0.04);
$weight-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
$bottom-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.05);
$card-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);

$border-1: 1px solid $border-color-1;
$border-2: 1px solid $border-color-2;
$border-3: 1px solid $border-color-3;
$border-4: 1px solid $border-color-4;
$border-dark: 1px solid $border-color-dark;

$form-width: 800px;

$vxe-table-selectedColor: #89d7fc; //vxe-table默认选中的一条数据 加深蓝色

// vxe-toolbar的button按钮
$btn-blue: #00b2cd;
$btn-blue-hover: #22c4dd;
$btn-red: #ff717a;
$btn-red-hover: #ff8a91;
$btn-green: #28b56c;
$btn-green-hover: #43c682;

// vxe-switch开关按钮颜色
$vxe-switch-on: #00a4cd;
$vxe-switch-off: #cacaca;


// 顶部导航栏颜色
$top-menu-bg1: #22c3dc; //导航栏渐变背景颜色1
$top-menu-bg2: #00a4cd; //导航栏渐变背景颜色2
$top-menu-hover-bg: #29cbe5; //导航栏鼠标经过背景颜色
$top-menu-active-bg: #02a2c2; //导航栏选中背景颜色

// 左侧菜单栏颜色
$left-menu-bg1: #5a8fc6; //左侧菜单栏背景色
$left-menu-bg2: #01b3cd; //左侧菜单栏背景色
$left-menu-item-bg1: #3bd9f2; //按钮背景颜色
$left-menu-item-bg2: #0084b5; //按钮背景颜色
$left-menu-active-color: #30cee7; //选中文字颜色
$left-menu-boxshadow: #b6b8b8; //阴影颜色
$left-menu-top-border: #0197bc; //上边框


// 主题色
$background-color-blue: #22c3dc;
$background-color-black: #000;
$background-color-gray: #737678;
$background-color-green: #11a983